<template>
  <div class="mapBox">
    <div id="cesiumContainer"></div>
  </div>
</template>
<script  scope setup>
import {
  ref,
  onMounted,
  onBeforeUnmount,
  reactive,
  defineProps,
  defineEmits
} from "vue";

//组件引用
import mapViewer from "@/assets/js/map/mapView";
//定义变量
const menuOption = ref([]);
const menuFlag = ref(null);
const setMenuStart = () => {
  mapViewer.initMap();
};
//页面初始化后方法
onMounted(() => {
  setMenuStart();
});
</script>

<style scoped lang="less">
.mapBox {
  width: 100%;
  height: 100%;
  //  position: absolute;
  #cesiumContainer {
    width: 100%;
    height: 100%;
   
  }
}
</style>